.content .left_box {
    font-size: 35px;
    color: deepskyblue;
}

.content .right_box .info {
    font-size: 25px;
    display: flex;
}

.content .right_box .info .title {
    font-size: 35px;
    display: flex;
}

.content .right_box .info .username {
    font-size: 35px;
    display: flex;
    color: deeppink;
}

.content .right_box .record {
    float: right;
    font-size: 35px;
    color: dodgerblue;
}

.content .right_box .info .tags {
    margin-right: 10px;
    margin-left: 180px;
}

.content .right_box .info .tags, .a, .b, .c, .d, .e, .f {
    margin-right: 40px;
    color: black;
    background: linear-gradient(to right, #c02618, #4dd63a) no-repeat right bottom;
    background-size: 0 2px;
    /*transition: background-size 2000ms;*/
    transition: background-position 2000ms;

    ::selection {
        background: #c02618;
        /*background-color: lightseagreen;*/
        color: cornflowerblue;
    }
}


.content .right_box .info .tags .a, .b, .c, .d, .e, .f:hover {
    background-position-x: left;
    background-size: 100% 2px;
    color: darkorange;
}

.content .right_box .f {
    float: right;
    font-size: 20px;
}